<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${_title}</title>

    <!-- Bootstrap core CSS -->
    <link href="${_css}/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="${_font}/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="${_css}/animate.min.css" rel="stylesheet" type="text/css" /> 

    <!-- Custom styling plus plugins -->
    <link href="${_css}/custom.css" rel="stylesheet" type="text/css/" />
    
    <link href="${_css}/icheck/flat/green.css" rel="stylesheet" type="text/css" />

    <script src="${_js}/jquery.min.js"></script>

    <!--[if lt IE 9]>
        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
        <![endif]-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
	<style type="text/css">

		body {
	    	font-family: 'Microsoft Yahei', 'helvetica', 'arial'!important;
	    	font-size: 14px;
	    	width: 100%;
		}
		.firstulbyzk{
		    list-style: none;
		    padding: 0px;
		    position: fixed;
		    background: #3C756A;
		    width: 101%;
		    height: 50px;
		    z-index: 99999;
		}

		.firstbyzk{
			list-style: none ;
			width: 7% ;
			float: left;
			background: #26B99A;					
			margin-left: 5px;
			margin-top: 5px;
			font-size: 15px;
			text-align: center;
			padding: 10px;
			cursor: pointer;
		}
	
		.firstbyzk:hover{
			background:#5BC0DE
		}
		
		.firstbyzk a{
			color: #fff;
			text-decoration: none;
			position: relative;
		}
	
		.current{
			background:#5BC0DE
		}
		
		.togglebyzk{
			width: 140px;
		    margin: auto;
	    	background-color: #f2f2f2;
		    position: absolute;
		    margin-top: 10px;
		    margin-left: -10px;
		    z-index: 99;
		    display: none;
		    background:#fff;
		    border: 1px solid #D3D4D3;
		    border-top: 0px;
		}
	   .secondbyzk{
			padding: 0px;
			list-style: none;

		}
		.secondbyzk li{
			
			list-style: none ;
			width: 130px ;
			height: 40px ;
			line-height: 40px;
			float: left;
			
			border-top: 1px solid #D3D4D3;
		}
	
		.secondbyzk a{
			color: #8C9089;
			text-decoration: none		
		}
		
		#submit-line{
		 	width: 101%;
		    height: 100px;
		    position: fixed;
		    bottom: -50px;
		    left: 0;
		    z-index: 9999999;
		    background:#666;
		 }
	</style>
</head>
<script type="text/javascript" language="javascript">
    function iFrameHeight() {
        var ifm= document.getElementById("p2p_frame");

        var subWeb = document.frames ? document.frames["p2p_frame"].document :ifm.contentDocument;

            if(ifm != null && subWeb != null) {
				if(subWeb.body.scrollHeight<500){
					ifm.height = 500;
				}else{
					ifm.height = subWeb.body.scrollHeight;
				}
			//document.getElementById("main-content").height = subWeb.body.scrollHeight;
            }
    }
</script>
<body style="overflow-x:hidden;background:#fff;" >
	<div class="row">
			<ul class="firstulbyzk">
		    <#if (menus?size > 0)>
				<#list menus as item>
					<li class="firstbyzk">
				    	<a>${item.name}</a>

				        <div class="togglebyzk">
						    <ul class="secondbyzk">
						    <#if (item.children?size > 0)>
								<#list item.children as child>
						            <li>
						            	<a href="${child.url}" target="p2p_frame">${child.name}</a>
						            </li>						
								</#list>
							</#if>
				           </ul>
				        </div>
				    </li>
				</#list>
			</#if>
		</ul>
	</div>
	<div class="row" style="margin-top: 64px;">
		<div class="col-md-12 col-sm-12 col-xs-12">
		
	    	<iframe id="p2p_frame" name="p2p_frame" src="/admin/chart/fund" frameborder="0" style="width:100%;" scrolling="no" onload="iFrameHeight()">
	    	
	    	</iframe>
	    </div>	
	</div>

	<script src="${_js}/jquery.min.js"></script>	
	<script type="text/javascript">
	$(function () {
		$('.firstbyzk').mouseover(function(){
		    $('.firstbyzk').find('a').removeClass('on');
			$(this).find('.togglebyzk').show();
		});

		$('.firstbyzk').mouseleave(function(){
		    $('.firstbyzk').find('a').removeClass('on');
			$(this).find('.togglebyzk').hide();
		});
		
		$(".firstulbyzk .secondbyzk li").click(function(){
			$(".current").removeClass("current");
			$(this).parent().parent().parent().addClass("current");
			console.log();
		})
	});	
	</script>
</body>

</html>
